<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>our</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
    <audio :source src="http://m8.music.126.net/20200621183744/3d61f69e27360f25a968f980961e3d58/ymusic/070f/0353/060e/0e235bb75a492f87b7101d02f05fc730.mp3" controls="controls" loop="loop" autoplay="autoplay"></audio>
    <div class="head">
        <div class="about">
            <h1>OUR SCHOOL</h1>
        </div>
        <div class="banner">
            <img src="./images/nanmen.jpg" alt="">
            <img src="./images/library.jpg" alt="">
            <img src="./images/baigong.jpg" alt="">
            <img src="./images/tianjingchang.jpg" alt="">
            <img src="./images/xiaodao.jpg" alt="">
            <img src="./images/sijiao.jpg" alt="">
            <img src="./images/lingting.jpg" alt="">
            <img src="./images/diecuihu.jpg" alt="">
        </div>
        <button class="prev"></button>
        <button class="next"></button>
        <div class="btn-group">
            <span class="current"></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="title">
            <p>武汉工程大学是一所以工为主，覆盖工、理、管、经、文、法、艺术、医学、教育学等九大学科门类的多科性教学研究型大学，是湖北省重点建设高校、湖北省国内一流学科建设高校，入选卓越工程师教育培养计划、中西部高校基础能力建设工程、“新工科”研究与实践项目。</p>
            <p>学校创建于1972年6月，原名湖北化工石油学院，隶属湖北省人民政府。1980年3月，更名为武汉化工学院，改由原化工部主管。1998年7月，学校划归湖北省人民政府管理，实行中央与地方共建。2006年2月，更名为武汉工程大学。</p>
        </div>
    </div>
    <div class="aboutus">
        <h1>ABOUT US</h1>
    </div>
    <div class="parters-content">
            {{each data}}
            <div class="name-box warp" style="background: url({{$value.backgroundUrl}});">
                <span class="touxiang"><img src="{{$value.avatar}}"></span>
                <p class="name">{{$value.name}}</p>
                <p class="introduce">{{$value.description}}</p>
                <p class="pre">
                    {{$value.motto}}
                </p>
                <a href="{{$value.site}}" class="deng">
                    <input class="input" type="submit" value="more">
                </a>
               
            </div>
            {{/each}}
            <div class="kongbai warp">
                <p class="hello">嘿！<br>朋友<br>要不要加入我们的小队</p>
                <span class="one"></span>
                <span class="two"></span>
                <span class="three"></span>
                <div class="erweima">
                    <img src="./images/erweima.jpg" alt="">
                    <h6>快用QQ扫一扫，加入我们</h6>
                </div>
                <input class="yes" type="submit" value="YES">
                <input class="no" type="submit" value="NO">
            </div>
    </div>
    <script src="js/index.js"></script>
</body>
</html>